<!DOCTYPE html>
<style>
    .square { float:left; width:60px; height:60px; }
    .blue { background:blue; }
    .yellow { background:yellow; }
    .hotpink { background:hotpink; }
    .cyan { background:cyan; }
</style>
<p>There should be 8 squares below, from left to right, with the following colors:</p>
<p>Blue, yellow, blue, hotpink, yellow, hotpink, cyan, hotpink.</p>
<div style="width:480px;">
    <div class="blue square"></div>
    <div class="yellow square"></div>
    <div class="blue square"></div>
    <div class="hotpink square"></div>
    <div class="yellow square"></div>
    <div class="hotpink square"></div>
    <div class="cyan square"></div>
    <div class="hotpink square"></div>
</div>
